home *** CD-ROM | disk | FTP | other *** search
/ SIGGRAPH 2002 Course Notes / SIGGRAPH 2002 - Course Notes - Disc 1.iso / pc / notes / 07 / XMLSyntax / mainz.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2002-04-05  |  4.9 KB  |  319 lines
  1. body {
  2. background : #afafff; 
  3. font-size : 100%; 
  4. color : black; 
  5. margin : 10px 5px; 
  6. font-family : Arial, Helvetica, sans-serif; 
  7. } 
  8. .Font1 {
  9. font-family : verdana; 
  10. color : blue; 
  11. font-weight : bold; 
  12. font-size : 20pt; 
  13. letter-spacing : 0.1em; 
  14. } 
  15. .Font2 {
  16. font-family : verdana; 
  17. color : gray; 
  18. font-weight : bold; 
  19. font-size : 20pt; 
  20. letter-spacing : 0.1em; 
  21. } 
  22. div {
  23. background-color : #f7f7f7; 
  24. margin : 5px 0 5px 2px; 
  25. padding : 5px; 
  26. border-width : thin; 
  27. border-style : solid; 
  28. border-color : blue; 
  29. } 
  30. p {
  31. font-family : Tahoma, Arial, Helvetica, sans-serif; 
  32. padding : 2px 10px 0; 
  33. } 
  34. h2 {
  35. font-size : 70%; 
  36. font-family : verdana, arial, helvetica; 
  37. } 
  38. h2.right {
  39. text-align : right; 
  40. } 
  41. h2.clsBlue {
  42. font-family : sans-serif; 
  43. text-align : center; 
  44. font-size : 200%; 
  45. color : #3366ff; 
  46. margin-top : 0.75em; 
  47. } 
  48. div.head {
  49. position : relative; 
  50. width : 90%; 
  51. background-color : #9f9fff; 
  52. margin : 5px; 
  53. padding : 5px; 
  54. } 
  55. div.head1 {
  56. z-index : 1; 
  57. position : absolute; 
  58. top : 36px; 
  59. left : 43px; 
  60. background : transparent; 
  61. padding : 15px; 
  62. margin : 0; 
  63. } 
  64. div.head2 {
  65. position : absolute; 
  66. top : 19px; 
  67. left : 20px; 
  68. background-color : #cfcfff; 
  69. padding : 35px; 
  70. margin : 0; 
  71. } 
  72. div.imgdiv {
  73. float : right; 
  74. margin : 5px; 
  75. padding : 5px; 
  76. width : 145px; 
  77. height : 150px; 
  78. background-color : #0000ff; 
  79. } 
  80. div.line {
  81. width : 95%; 
  82. background-color : #dfdfff; 
  83. } 
  84. div.main {
  85. background-color : #cfcfff; 
  86. padding : 5px; 
  87. margin : 5px; 
  88. border-style : none; 
  89. } 
  90. div.switchblocks {
  91. width : 600px; 
  92. background-color : #f5f5ff; 
  93. } 
  94. div.switchblocksb {
  95. width : 91%; 
  96. float : none; 
  97. background-color : #f5f5ff; 
  98. padding : 5px; 
  99. margin : 5px; 
  100. } 
  101. div.menuLeft {
  102. width : 100px; 
  103. float : left; 
  104. background-color : #f8f8ff; 
  105. padding : 5px; 
  106. margin : 0; 
  107. } 
  108. div.contain {
  109. float : left; 
  110. background-color : #f8f8ff; 
  111. padding : 0; 
  112. margin : 0; 
  113. border-style : none; 
  114. } 
  115. div.difs2 {
  116. width : 50%; 
  117. float : right; 
  118. padding : 15px; 
  119. background-color : #efefff; 
  120. border-style : none; 
  121. } 
  122. p.name {
  123. width : 95%; 
  124. padding : 5px; 
  125. font-size : 88%; 
  126. text-align : center; 
  127. background-color : #efefff; 
  128. } 
  129. p.centcol {
  130. text-align : center; 
  131. margin : 2px 10px 10px; 
  132. font-size : 100%; 
  133. } 
  134. p.centcolc {
  135. text-align : center; 
  136. font-size : 150%; 
  137. } 
  138. p.centcol2 {
  139. text-align : center; 
  140. padding : 2px 10px 0; 
  141. } 
  142. p.dates {
  143. width : 100%; 
  144. font-size : 64%; 
  145. padding : 5px; 
  146. border-width : thin; 
  147. border-style : solid; 
  148. border-color : #0000ff; 
  149. background-color : #efefff; 
  150. } 
  151. p.mail {
  152. font-size : 112%; 
  153. } 
  154. p.left {
  155. text-align : left; 
  156. padding : 0 0 20px 15px; 
  157. } 
  158. p.blue {
  159. color : blue; 
  160. background-color : #efefff; 
  161. font-size : 112%; 
  162. font-weight : bold; 
  163. } 
  164. p.blue3 {
  165. color : blue; 
  166. font-size : 94%; 
  167. font-weight : bold; 
  168. font-style : italic; 
  169. background-color : #efefff; 
  170. } 
  171. p.blue3a {
  172. color : blue; 
  173. font-size : 94%; 
  174. font-weight : bold; 
  175. font-style : italic; 
  176. line-height : 90%; 
  177. } 
  178. p.blue3:first-letter {
  179. font-size : 125%; 
  180. } 
  181. p.blue3a:first-letter {
  182. font-size : 125%; 
  183. } 
  184. img.z3d3i {
  185. width : 140px; 
  186. height : 145px; 
  187. padding : 5px; 
  188. margin : 0; 
  189. border-style : none; 
  190. } 
  191. object.z3d3o {
  192. width : 140px; 
  193. height : 145px; 
  194. padding : 5px; 
  195. margin : 0; 
  196. border-style : none; 
  197. } 
  198. embed.z3d3e {
  199. width : 135px; 
  200. height : 140px; 
  201. padding : 0; 
  202. margin : 0; 
  203. border-style : none; 
  204. } 
  205. object.z3do2 {
  206. width : 100px; 
  207. height : 120px; 
  208. padding : 0; 
  209. margin : 0; 
  210. border-style : none; 
  211. } 
  212. embed.z3d3e2 {
  213. width : 100px; 
  214. height : 120px; 
  215. padding : 0; 
  216. margin : 0; 
  217. border-style : none; 
  218. } 
  219. img.z3d3i2 {
  220. width : 100px; 
  221. height : 120px; 
  222. padding : 0; 
  223. margin : 0; 
  224. border-style : none; 
  225. } 
  226. object.z3do3 {
  227. float : left; 
  228. width : 600px; 
  229. height : 120px; 
  230. padding : 0; 
  231. margin : 0; 
  232. border-style : none; 
  233. } 
  234. embed.z3d3e3 {
  235. float : left; 
  236. width : 600px; 
  237. height : 120px; 
  238. padding : 0; 
  239. margin : 0; 
  240. border-style : none; 
  241. } 
  242. img.z3d3i3 {
  243. width : 100px; 
  244. height : 120px; 
  245. padding : 0; 
  246. margin : 2px 0 0; 
  247. border-style : none; 
  248. } 
  249. img.z3d3i3a {
  250. float : left; 
  251. width : 600px; 
  252. height : 120px; 
  253. padding : 0; 
  254. margin : 0; 
  255. border-style : none; 
  256. } 
  257. img.ifs {
  258. padding : 10%; 
  259. margin : 5px; 
  260. border-width : 0; 
  261. border-style : none; 
  262. border-color : blue; 
  263. } 
  264. A:hover {
  265. color : #223399; 
  266. font-family : sans-serif; 
  267. font-size : 120%; 
  268. text-decoration : none; 
  269. background-color : #efefff; 
  270. padding : 2px; 
  271. } 
  272. div.menuLeft A {
  273. color : #003399; 
  274. font-family : sans-serif; 
  275. font-size : 100%; 
  276. text-decoration : none; 
  277. } 
  278. div.menuLeft A:visited {
  279. color : #003399; 
  280. font-family : sans-serif; 
  281. font-size : 100%; 
  282. text-decoration : none; 
  283. } 
  284. div.menuLeft A:hover {
  285. color : #223399; 
  286. font-family : sans-serif; 
  287. font-size : 100%; 
  288. text-decoration : none; 
  289. background-color : #ff0000; 
  290. padding : 2px; 
  291. } 
  292. img.iifs {
  293. padding : 10%; 
  294. margin : 5px; 
  295. border-width : 0; 
  296. border-style : none; 
  297. border-color : blue; 
  298. background-color : #efefff; 
  299. } 
  300. ul {
  301. text-align : left; 
  302. } 
  303. span.ttu {
  304. text-transform : uppercase; 
  305. font-size : 112%; 
  306. } 
  307. ruby {
  308. font-size : 112%; 
  309. } 
  310. div.picsz {
  311. width : 5%; 
  312. float : left; 
  313. background-color : #a5a5ff; 
  314. } 
  315. img.featurez {
  316. width : 100%; 
  317. height : auto; 
  318. background-color : #0000ff; 
  319. }